/*=============================HEADER=========================================*/
/*============================================================================*/

.header{background: url(../img/header2.png) no-repeat center; width: 100%; height: 111px; position: relative;}
#content_header{width: 870px; height: 120px; margin: 0px auto;}
#logo{position: absolute;}
#menu_superior{
    background: url(../img/bg_menu_superior2.png) no-repeat;
    float: left;
    width: 491px;
    height: 28px;
    margin: 58px 0px 0px 170px;
    padding: 6px 0px 0px 8px;
    font-family: verdana;
    font-size: 12px;}

#menu_superior ul, #menu_superior li{
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu_superior li{
    float: left;
    margin-right: 15px;
    position: relative;

    
}
#menu_superior li a{
    text-decoration: none;
    color: #fff;
        
}

#menu_superior li ul{
    position: absolute;   
    padding-top: 10px;
    left: -10px;
    display: none;
}
#menu_superior li li{
    float: none;
    line-height: 25px;
    
    height: 28px;
    padding: 1px 10px 0px 10px;
}


#menu_superior li li a{  
    color: #fff;
    background: url(../img/bg_boton.png) repeat-x;
    display: block;
    border: 1px solid #044fa5;
    padding: 2px 10px 1px 10px;
}

#menu_superior li li a:hover{
    background: #fff;
    color: #044fa5;
    display: block;
    border: 1px solid #044fa5;
    padding: 2px 10px 1px 10px;
}

#login{
    background: url(../img/bg_login2.png) no-repeat;
    float: left;
    width: 178px;
    height: 73px;
    margin: 0px 0px 0px 7px;
    padding: 25px 5px 0px 5px;}

#login_usuario{}
#login_usuario label{
    font-family: verdana;
    font-size: 10px;
    color: #fff;
    padding-top: 3px;
    margin-bottom: 7px;
    float: left;}

#login_usuario input[type="text"]{
    float: right;
    background: url(../img/bg_input.png) no-repeat;
    width: 104px;
    height: 18px;
    border: none;
    margin-bottom: 3px;
    font-size: 11px;}
#login_usuario input[type="password"]{
    float: right;
    background: url(../img/bg_input.png) no-repeat;
    width: 104px;
    height: 18px;
    border: none;
    font-size: 11px;
    }
#login_usuario input[type="submit"]{
    float: right;
    width: 50px;
    height: 19px;
    font-size: 10px;
    padding-bottom: 14px;
    background: url(../img/bg_boton.png) repeat-x;
    border: none;
    color: #fff;
    margin-top: 7px;
    padding-top: 2px;
    }

#link_reg{font-size: 9px; font-family: verdana; float: left; margin-top: 7px; text-decoration: none; color: #044fa5;}
#link_reg:hover{text-decoration: underline;}
#link_rec{font-size: 9px; font-family: verdana; float: left; margin-top: 2px; text-decoration: none; color: #044fa5;}
#link_rec:hover{text-decoration: underline;}
#link_salir{font-size: 12px; font-family: verdana; float: left; margin-top: 32px; text-decoration: none; color: #044fa5;}
#link_salir:hover{text-decoration: underline;}

/*=============================MENU_IZQUIERDO=================================*/
/*============================================================================*/
#todo{width: 882px; margin: 0px auto; height: auto; margin-top: -5px;}

.menu_izq{float: left; 
         width: 171px;
         height: 397px;
         background: url(../img/bg_menu_izq.png) no-repeat;
        padding-top: 30px;
        padding-left: 3px;  }

.menu_izq h1{float: left; background: url(../img/menu_mid.png) repeat-y; width: 190px; font-family: "Trebuchet MS"; font-size: 16px; color: #fff; padding: 3px 0px 3px 10px;}
#menu_header{float: left; background: url(../img/menu_top.png) no-repeat; width: 165px; height: 47px;}
#menu_content{background: url(../img/menu_mid.png) repeat-y; width: 165px; float: left;padding-left: 10px; font-family: "Trebuchet MS"; padding-bottom: 10px; margin-bottom: 3px;}
#menu_content li a{
    background: url(../img/boton_menu2.png) no-repeat;
    width: 145px;
    height: 22px;
    display: block;
    font-size: 13px;
    color: #044fa5;
    float: left;    
    text-align: center;
    text-decoration: none;
    margin-bottom: 5px;
    padding-top: 2px;
    }
#menu_content li a:hover{background: url(../img/boton_menu_hover2.png) no-repeat; text-decoration: underline;}

#menu_content ul{list-style: none; padding: 0; margin: 0;}
#menu_content ul ul a{display: block; font-size: 11px; background: #074669; width: 133px; margin-left: 5px; color: #fff; text-decoration: none;}
#menu_content ul ul a:hover{text-decoration: underline; background: #074669;}

/*=============================CONTENIDO======================================*/
/*============================================================================*/
#content{float: left; width: 508px; height: 427px; overflow-y: scroll; padding: 0px 6px 0px 6px;}
#content h2, #content h1 {font-family: "Trebuchet MS"; font-size: 18px; text-align: center; color: #044fa5; margin-top: 0px; margin-bottom: 5px;;}
#content p{font-family: "Trebuchet MS"; font-size: 12px; text-align: justify; color: #044fa5;}
#content img{margin-left: 50px;}

.actions_links{font-size: 12px; width: 100%; text-align: center; margin: 0px 0px 20px 0px;}
.actions_links ul{list-style: none; margin: 0;  padding: 0;}
.actions_links li{display: inline-block; margin-right: 5px; border: 1px solid #044fa5;}
.actions_links a {text-decoration: none; color: #044fa5; text-decoration: none; padding: 0px 2px 0px 2px;}
.actions_links a:hover {text-decoration: none; background:  #044fa5; color: #fff; }

.paging{width: 260px; font-family: "Trebuchet MS"; font-size: 12px; text-align: center; margin: 20px auto; }
.paging a{font-family: "Trebuchet MS"; color: #01708b; text-decoration: underline;}
.paging a:hover{text-decoration: none;}
.paging .current{color: #01708b; font-weight: bold;}
.paging .disabled{}
/*=============================MENU_DERECHO===================================*/
/*============================================================================*/

.menu_der{float: left; width: 180px; height: 427px; background: url(../img/bg_menu_der.png) no-repeat;}
#contacto{
    background: url(../img/bg_contacto2.png) no-repeat;
    width: 175px;
    height: 144px;
    margin: 10px 0px 0px 3px;
padding: 5px 0px 0px 2px;}


#fono2{margin-top: 5px;}
#fono1 p, #fono2 p{font-family: verdana; font-size: 9px; margin: 0;color: #044fa5;}
#fono1 img, #fono2 img{float: left; margin-right: 0px;}
#redes{width: 156px; height: 48px; float: left;margin: 8px 0px 0px 16px;}
    #mail, #twitter, #facebook{
        float: left;
        background: url(../img/logo_mail.png) no-repeat;
        width: 49px; height: 48px;
        margin-right: 3px;}
    #twitter{
        float: left;
        background: url(../img/logo_tw.png) no-repeat;
        width: 49px; height: 48px;
        margin-right: 1px;}
    #facebook{
        float: left;
        background: url(../img/logo_fb.png) no-repeat;
        width: 49px; height: 48px;
        margin-right: 3px;}

    #mail:hover{background: url(../img/logo_mail_hover.png) no-repeat; width: 49px; height: 48px; cursor: pointer;}
    #twitter:hover{background: url(../img/logo_tw_hover.png) no-repeat; width: 49px; height: 48px; cursor: pointer;}
    #facebook:hover{background: url(../img/logo_fb_hover.png) no-repeat; width: 49px; height: 48px; cursor: pointer;}

#banner{
    float: left;
    margin: 12px 0px 0px -2px;
}

/*=============================FOOTER=========================================*/
/*============================================================================*/

.footer{float: left; background: url(../img/bg_footer.png) no-repeat; width: 875px; height: 33px; margin-bottom: 0px;}
.footer p{font-family: "Trebuchet MS"; font-size: 14px; text-align: center; color: #cacaca; margin: 0;}
.footer a{color: #fff; text-decoration: none; font-weight: bold;}
.footer a:hover{text-decoration: underline; font-weight: bold;}


/*============================================================================*/
/*============================================================================*/
/*============================================================================*/
/*============================================================================*/
/*============================================================================*/


/*======INDEX=======*/
.index{font-family: "Trebuchet MS";}
.index h2{font: 16px arial; color: #044fa5; font-weight: bold;}
.index p{font-family: "Trebuchet MS"; font-size: 14px; text-align: justify;}
.index table{border: none; padding: 5px 5px 5px 5px;font-size: 12px; width: 497px;}
.actions_table{width: 50px;}
.actions_table a{}
.index table tr{ margin: 1px 1px 1px 1px; font-family: "Trebuchet MS"; height: 30px; text-align: center;}
.index table .altrow{margin: 1px 1px 1px 1px; font-family: "Trebuchet MS"; height: 30px; background: #fff;}
.index table tr th{ background: #4792c4; border: 1px solid #ffffff; color: #fff; }
.index table tr .actions{min-width: 117px; max-width: 140px; text-align: center;}
#content .index table tr .actions a img{margin-right: -10px;}
/*#content .actions a{float: left; }
#content .actions ul {list-style-type: none; float: left; margin-top: 60px;}
#content .actions ul li {list-style-type: none; float: left;}*/
.index table tr .actions_table a{text-decoration: underline;color: #044fa5;}
.index table tr .actions_table a:hover{text-decoration: none;color: #044fa5;}
.index table tr .actions_table a:visited{color: #044fa5;}
.index table tr th a{text-decoration: none; font-family: "Trebuchet MS"; color: #fff;}
.index table tr td{padding-right: 10px; border-bottom: 1px solid #014FA2;}


/*==============ADD==============*/

.usuarios form{font-family: "Trebuchet MS"; color: #044fa5;}
.usuarios form fieldset{border: none; }
.usuarios form legend{font-size: 18px; font-weight: bold; border: none; text-align: center; width: 100%; }
.usuarios form label{font-size: 12px; float: left;}
.campo, .campo_submit, .campo_carrera{line-height: 20px; float: left; width: 330px; margin-top: 10px;  padding: 5px 5px 5px 6px;}
.usuarios form input[type="text"], .usuarios form input[type="password"]{font-family: "Trebuchet MS";float: right; width: 180px; background: #e1edfa; border: 1px solid #044fa5; color: #333; font-size: 13px; height: 18px;font-weight: bold;padding: 1px 1px 1px 3px;}
.usuarios form select{font-weight: bold;float: right; width: 186px; background: #e1edfa; border: 1px solid #044fa5; color: #333; font-size: 12px; height: 22px;}
.usuarios form input[type="submit"]{float: right; background: #99d8e6; border: 1px solid #044fa5; color: #333; font-size: 12px; height: 22px;font-weight: bold;}
.usuarios form #select_ayudantia{height: 150px; width: 187px;font-weight: bold;}
.campo_tiempo{float: right;}
.campo b{font-family: "Trebuchet MS"; font-size: 12px; font-weight: lighter;}
.usuarios form #select_timeMeridian,
.usuarios form #select_timeHour,
.usuarios form #select_timeMinute {height: 21px; width: 58px; font-weight: bold; float: none;}
.usuarios form #select_timeHour{margin-left: 40px;}
.usuarios form .input textarea{
    resize: none;
    background: #e1edfa;
    border: 1px solid #044fa5;
    color: #333;
    font-size: 12px;
    width: 180px;
    height: 120px;
    float: right;
    font-weight: bold;
}


.error_mes{float: right; width: 120px; margin-top: 15px; font-family: arial; font-size: 12px; color: red; line-height: 22px;}
.success_mes{float: right; width: 120px; margin-top: 15px; background: url(../img/checked.gif);}
/*========================================================
===========================VIEW===========================
=========================================================*/
.datos_view{float: right; width: 180px; background: #e1edfa; border: 1px solid #044fa5; color: #666; height: 20px; font-size: 13px; padding-left: 5px; font-weight: bold;}
.campo_view{font-family: "Trebuchet MS";font-size: 12px; float: left; line-height: 20px; float: left; width: 330px; margin-top: 10px;  padding: 5px 5px 5px 5px;color: #044fa5;margin-left: 15px;}
.view{float: left; font-family: "Trebuchet MS"; width: 100%;}
.view h2{font: 22px arial; color: #01708b; font-weight: bold;}bo
.view dl{width: 300px; font-family: "Trebuchet MS", verdana; font-size: 14px; }
.view dl dt{background: #014FA2; width: 300px; margin-top: 25px; color: #fff; padding-left: 5px; border-top: 2px solid #50BDD4;}
.view dl dt.altrow{}
.view dl dd{width: 200px; font-weight: bold;}
.view dl dd.altrow{}


/*========================================================
===========================FOCUS==========================
=========================================================*/
.curFocus{
    background: #b0d5ff;
    font-weight: bold;
}


.success {
  color: white;
  background: none repeat scroll 0 0 #66cc66;
}

.flash_success{display: none}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:160px; width:300px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

/*===================*/
#uniocole{background: url(../img/fondo_add.png) no-repeat; width: 460px; height: 350px; }
#campo_2{background: #fff; height: 60px; padding: 10px 5px 5px 5px; border: 2px solid #044fa5;width: 350px; margin-top: 100px; margin-left: 60px;text-align: center;}
#campo_2 label{font-size: 16px; margin-bottom: 10px; margin-left: 35px;font-weight: bold;}
#campo_2 select{float: left; margin-left: 80px;}


/*====VALIDACIONES====*/
.errorAdv{background: url(../img/advertencia.png) no-repeat; width: 16px; height:16px}
.errorOk{background: url(../img/checked.gif) no-repeat; width: 16px; height:16px}
.asterisco{background: url(../img/asterisco.png) no-repeat; width: 16px; height:16px}
.iconError{float: left; width: 16px; margin-top: 17px; font-family: arial; font-size: 12px; color: red; line-height: 18px;}
.msjError{float: left; font-family: arial; font-size: 12px; color: red; line-height: 18px; margin-left: 150px}